//
// Registration popup
// --------------------------------------------------

.registration-popup {
  .modal;
  &.__login {
    .registration-link.__for_what {
      display: none;
    }
    .modal-body {
      text-align: left;
    }
  }

  .modal-gialog{
    width: 375px;
  }

  h4 {
    font-size: 36px;
  }

}
.registration-popup ol li {margin-bottom:10px;}
.registration-popup .input-sm {height: 20px;padding: 0 5px;}
.registration-popup .state2 {display:none;}
.registration-popup h3 {margin-top: 0;}

.registration_socnet {
  margin-bottom: 15px;
  .btn-socnet {
    width: 62px;
    height: 62px;
    font-size: 48px;
    margin-bottom: 10px;
    margin-right: 43px;
    &:last-child {
      margin-right: 0;
    }

    .el-icon-vkontakte,
    .el-icon-facebook,
    .el-icon-linkedin {
      font-size: 62px;
      background-color: #fff;
      width: 62px;
    }
    .el-icon-twitter,
    .el-icon-envelope {
      color: #fff;
    }
  &:hover,
  &:focus,
  &:active,
  &.active {
    .el-icon-vkontakte,
    .el-icon-facebook,
    .el-icon-linkedin {
      background-color: @yellow-color;
    }
    .el-icon-twitter,
    .el-icon-envelope {
      color: @yellow-color;
    }
  }
  }
}


.btn-login {
  .button-primary;
  .btn-big;
}

.registration-field {
  .form-control;
  height: 60px;
  margin-bottom: 25px;
}

.registration-link {
  font-size: 23px;
  text-decoration: underline;
  &:hover {
    text-decoration: none;
  }
}
.registration-alert {
  display: none;
  font-size: 36px;
  margin-bottom: 20px;
  .el-icon-warning-sign {
    color: @btn-primary-bg;
    font-size: 26px;
    margin-right: 10px;
  }
}
#resetPassword {margin-bottom:10px;}